<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册网易免费邮箱.中国第一大电子邮件服务商</title>
	<style type="text/css">
        body,div,ul,p,img{
        	padding: 0px;
        	margin: 0px;
        	border: 0px;
        	text-align: center;
        }
       #toubu{
       	height: 750px;
       	width: 900px;
       	background-color: white;
       	margin-top: 50px;
       	margin:auto;
       	border: 1px solid gray;
       	border-radius: 11px;
       	position: relative;
       }

     #email{
     	width: 400px;
     	height: 40px;
     	background-color: #f0f0f0;
     	margin-left: 100px;
     	margin-top:100px;
     	border-radius: 5px;
     }
      #email li{

      	    width: 135px;
			height: 35px;
      	    list-style: none;
			float: left;
			border-right: 1px solid gray;
			text-align: center;
			line-height: 35px;
			cursor: pointer;
		}	

      #hezi p{
      	
		font-size: 12px;
		margin-left: 70px;
		color: gray;
      }

     .zhuce{
        background-color: #28944;
		  font-color:white;
		  border-top-left-radius:11px;
		 border-bottom-left-radius:11px;

     }




	</style>
</head>
<body>

   <header  class="header">
    <div class="bg"> </div>
    <div class="links"><a href="#">了解更多|</a>
    <a href="#">反馈意见</a>
    </div>
  </header>
    <div id="toubu">
       <p style="color:white;background-color:#336699;
       border-top-left-radius:10px;">欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品</p>
       <ul id="email">
          <li class="zhuce">注册字母</li>
          <li>注册手机号</li>
          <li style="border:none">注册vip</li>
       </ul>
      <div id="hezi">
      <span>*</span>邮件地址
         <input type="text"   style="width:260px;">@
            <select  style="width:100px;height:35px;">
                   <option value="">163.com</option>
                   <option value="">126.com</option>
                   <option value="">yeah.net</option>
        </select>
                <p>6~18个字符，可使用字母、数字、下划线，需以字母开头</p>
                 <span>*</span>密码
                  <input type="text"><p>6~16个字符，区分大小写</p>
                  <span>*</span>确认密码
                  <input type="text"><p>请再次填写密码</p>
                  <span>*</span>手机号码
                  <input type="text"><p>忘记密码时，可以通过该手机号码快速找回密码</p>
                  <span>*</span>验证码
                  <input type="text" style="width:250px;">
                  <p>请填写图片中的字符，不区分大小写</p>
                  <input type="button" value="免费获取验证码" style="width:250px;
                  height:30px;font-size:14px;margin-left:70px; "><br>

       </div>

  </div>

</body>
</html>